//1.导入
import { useUserInfoStore } from '@/stores/userInfo'
import axios, { type Method } from 'axios'
import { ElMessage } from 'element-plus'
// 2.实例化
const instance = axios.create({
  baseURL: import.meta.env.VITE_API_URL,
  timeout: 5000
})
// 3.拦截器
// 添加请求拦截器
instance.interceptors.request.use(
  (config) => {
    // 请求之前获取
    const userInfoStore = useUserInfoStore()
    // 判断是否存在
    if (userInfoStore.token && config.headers) {
      config.headers.token = userInfoStore.token
    }
    // 在发送请求之前做些什么
    return config
  },
  (error) => {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
instance.interceptors.response.use(
  (response) => {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    // 取出服务器返回的数据
    const res = response.data
    if (res.code !== 200 && res.code !== 20000) {
      // 处理响应异常
      if (res.code === 20001) {
        ElMessage.closeAll()
        ElMessage({
          type: 'error',
          message: 'Token 失效，请重新登录',
          duration: 5000
        })
        // 跳转到登录页面
        // 清除用户信息
        const userInfoStore = useUserInfoStore()
        userInfoStore.reset()
        // reset是异步的，先执行以下代码
        // 重新刷新页面
        // 如果没有用户信息，说明是登录操作，如果是登录操作错误了，不需要刷新页面
        userInfoStore.userInfo.name && location.reload()
      } else {
        // 服务器有就返回服务器返回的，没有就返回默认
        ElMessage({
          type: 'error',
          message: res.message || 'Error',
          duration: 5000
        })
      }
      return Promise.reject(new Error(res.message || 'Error'))
    } else {
      return res
    }
  },
  (error) => {
    ElMessage({
      type: 'error',
      message: '网络异常，请稍后再试',
      duration: 5000
    })
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error)
  }
)

// 一个完整类型的数据接口
interface IResponseData<T> {
  code: number
  message: string
  success: boolean
  data: T
}

/**
 * @description对axios进行封装
 * @param url 请求地址
 * @param method 请求方式
 * @param submitdate 请求参数
 */
function http<T>(url: string, method: Method, submitdate?: unknown) {
  const newMethod = method.toUpperCase()
  // 将请求参数配置成一个变量
  const data =
    newMethod === 'POST' || newMethod === 'PUT' || newMethod === 'DELETE' ? submitdate : {}
  const params = newMethod === 'GET' ? submitdate : {}
  return instance.request<T, IResponseData<T>>({
    url,
    method: newMethod,
    data,
    params
  })
}
export { instance, http }
